<template>
  <div class="borderBox">
    <!-- 输入框组件 -->
    <slot name="label"></slot>
    <slot name="frame"></slot>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">// 组件中不要加scoped,因为加scoped只在当前的style标签中起作用
.borderBox {
  position: relative;
  .lb {
    color: #191931;
    position: absolute;
    left: 4rem;

    z-index: 100;
    line-height: 5.8rem;
  }
}
.el-input--small .el-input__inner {
  height: 5.6rem;
}
.el-input--medium .el-input__inner {
  height: 5.6rem;
}
.el-input__inner {
  width: 87%;
  height: 18rem;
  background-color: #e6e6e6;
  border: .1rem solid #8f8fa0;
  margin-bottom: 2rem;
  color: #191931;
  font-size: 2rem;
  padding-left: 7rem;
}
.el-input__suffix {
  position: relative;
}
.el-input__suffix-inner {
  position: absolute;
  right: 1rem;
}
.el-icon-view:before {
  color: #191931;
  height: 5.6rem;
  line-height: 5.6rem;
  font-size: 1.6rem;
}
</style>